<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- gallery -->
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />

<!-- //gallery -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 

<!-- //font-awesome icons -->
<link href="http://fonts.googleapis.com/css?family=Gidugu" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>

</head>
	
<body>
<div class="main" id="home">
<!-- banner -->
	<div class="banner">
			<!--Slider-->
			<img src="images/pic2.jpg" alt=" " class="img-responsive">
					<h2>I'M Zeng Wei Long</h2>
					<span>PROGRAMMER / WEB DEVELOPER [<a href="zengweilong.pdf">RESUME VIEW</a>]</span>
				<div class="callbacks_container">
					<ul class="rslides" id="slider3">
						<li>
						
							<div class="slider-info">
								  <p>Improve development efficiency and allow more time for your family</p>
							</div>
						</li>
						<li>
							<div class="slider-info">
								   <p>For the technology of truth, serious, more serious old colleagues</p>
						    </div>
						</li>
						<li>
							
							<div class="slider-info">
								<p>A down-to-earth and willing helper. </p>
							</div>
						</li>


					</ul>
					
			<div class="clearfix"></div>
		</div>
		<!--//Slider-->
					<ul class="top-links">
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
								</ul>
	</div>
<!-- //banner -->
	</div>
<!-- header -->
	<div class="w3_navigation">
		<div class="container">
			<nav class="navbar navbar-default">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
				  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
					<div class="logo">
						<h1><a class="navbar-brand" href="index.html"><span class="one">C</span>lassy Resume</a></h1>
					</div>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
					<nav class="cl-effect-1" id="cl-effect-1">
						<ul class="nav navbar-nav">
							<li class="active"><a class="scroll" href="index.html">Home</a></li>
							<li><a href="#about" class="scroll hvr-bounce-to-bottom">About</a></li>
							<li><a href="#services" class="scroll hvr-bounce-to-bottom">Services</a></li>
							<li><a href="#education" class="scroll hvr-bounce-to-bottom">Skills</a></li>
							<li><a href="#gallery" class="scroll hvr-bounce-to-bottom">Gallery</a></li>
							<li><a href="#mail" class="scroll hvr-bounce-to-bottom">Contact</a></li>
						</ul>
					</nav>
				</div>
				<!-- /.navbar-collapse -->
			</nav>
		</div>
	</div>
</div>
<!-- //header -->
<!-- about -->
	<div class="about" id="about">
		<div class="container">
					<h3 class="w3l_head">关于我</h3>
			<p class="w3ls_head_para">A few words about me</p>
		<div class="w3l-grids-about">
				<div class="col-md-5 w3ls-ab-right">
					<div class="agile-about-right-img">
                        <H2>自我评价</H2>
                        <ul>
                        <li><p>
						1.工作认真负责，具有较强的抗压力、责任心及自我驱动力，喜欢学习新技术。
                        </p></li><li><p>
                        2.能快速熟悉并适应新的业务系统、能高质量的完成中小型的系统设计并实现，具备高并发的处理经验。
                        </p></li><li><p>
                        3.精通Java语言，熟练掌握Spring Boot、Spring Cloud、MyBatis、MySQL数据库应用。
                        </p></li><li><p>
                        4.熟练使用分布式中间件Redis、分布式搜索引擎ElasticSearch、MQ等。
                        </p></li><li><p>
                        5.熟悉JVM、设计模式、熟悉Dubbo等RPC框架，了解远程调用底层实现的原理。
                        </p></li><li><p>
                        6.了解Docker、Kubernetes容器化管理。
                        </ul>
					</div>
				</div>
				<div class="col-md-7 w3ls-agile-left">
					<div class="w3ls-agile-left-info">
						<h4>工作</h4>
						<p>Java web 系统开发</p>
					</div>
					<div class="w3ls-agile-left-info">
						<h4>姓名</h4>
						<p>曾维龙</p>
					</div>
					<div class="w3ls-agile-left-info">
						<h4>电话</h4>
						<p>18510337285</p>
					</div>
					<div class="w3ls-agile-left-info">
						<h4>现住址</h4>
						<p>北京市朝阳区金隅汇星苑</p>
					</div>
					<div class="w3ls-agile-left-info">
						<h4>联系邮箱</h4>
						<p><a href="mailto:zwlzwl376@126.com">zwlzwl376@126.com</a></p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			</div>
		</div>
<!-- //about-bottom -->
<!-- services -->
<div class="service" id="services">
     <div class="container">
	 
	 		<h3 class="w3l_head two">我能为你做什么</h3>
			<p class="w3ls_head_para">See My Services</p>
    <div class="service-agileits">
			
			<div class="col-md-4 list-gds text-center">
				<i class="fa fa-cog" aria-hidden="true"></i>
				<h4>为什么选我.</h4>
				<p>10年计算机专业毕业、5年的传统行业开发经验、5年互联网行业开发经验、有过CMS、CRM、OA、To-B，To-C等系统开发经验</p>
			</div>
			<div class="col-md-4 list-gds text-center">
				<i class="fa fa-laptop" aria-hidden="true"></i>
				<h4>我能做什么.</h4>
				<p>
					提升开发效率、提供高质量的技术方案并落地实施、参与高并发带来的服务瓶颈问题、搭建业界流行的SpringCloud微服务架构。
				</p>
			</div>
				<div class="col-md-4 list-gds text-center">
				<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
				<h4>人生信条.</h4>
				<p>
					人与人之间最好的关系是相互成就，技术服务业务才能产生价值，业务依托技术才能升华服务。
				</p>
			</div>

			<div class="clearfix"></div>			
		
	 </div>
  </div>
 </div>
<!-- //services -->
<!-- /education -->
 <div class="education" id="education">
	    <div class="col-md-6 education-w3l">
		     <h3 class="w3l_head three">教育经历</h3>
			  <div class="education-agile-grids">
				  <div class="education-agile-w3l">
				     <div class="education-agile-w3l-year">
					       <h4>2007-2010</h4>
						   <h6>大专</h6>
				     </div>
					 <div class="education-agile-w3l-info">
					       <h4>九江学院·计算机软件技术</h4>
						   <p>
						   		在校期间完成计算二级考试，VB6.0，学习JAVA基本语言，C++基础，计算机基础、汇编语言。
						   		在完成自己的课程以外·选修了CAD、Flash、网页设计三剑客：Dreamweaver，Fireworks，Flash.
						   		还参加了信息学院宣传部，大三成为宣传部副部，爱好特长书法·毛笔
						   </p>
				     </div>
				      <div class="clearfix"></div>
				  </div>
				  <div class="education-agile-w3l two">
				     <div class="education-agile-w3l-year">
					       <h4>2010.2-2010.9</h4>
						   <h6>JAVA 培训</h6>
				     </div>
					 <div class="education-agile-w3l-info">
					       <h4>南昌先锋软件培训基地</h4>
						   <p>培训期间学习过日语、学习Struts2.0、Spring、Hibernate框架，自建</p>
						  
				     </div>
				      <div class="clearfix"></div>
				  </div>
				  <div class="education-agile-w3l">
				     <div class="education-agile-w3l-year">
					       <h4>2005-2007</h4>
						   <h6>高中</h6>
				     </div>
					 <div class="education-agile-w3l-info">
					       <h4>贵州省石阡县民族中学</h4>
						   <p></p>
				     </div>
				      <div class="clearfix"></div>
				  </div>
				 
			  </div>
		</div>
		<div class="col-md-6 skills">
		   <h3 class="w3l_head two">主要技能</h3>
	       <div class="skill-agile">
					<div class='bar_group'>
						<div class='bar_group__bar thin elastic' label='JAVA' value='100'></div>
                        <div class='bar_group__bar thin elastic' label='Spring Boot' value='80'></div>
						<div class='bar_group__bar thin elastic' label='Spring Cloud' value='70'></div>
						<div class='bar_group__bar thin elastic' label='MySQL' value='70'></div>
                        <div class='bar_group__bar thin elastic' label='Redis' value='70'></div>
					</div>

			</div>
		 </div>
		 <div class="clearfix"> </div>
		</div>
 <!-- //education -->
 <!-- /experience -->
 <div class="education" id="education two">
 		<div class="col-md-6 skills two">
		<h3 class="w3l_head two">其他技能</h3>
	     <div class="skill-agile">
			<div class="col-sm-4 abt-gd-left text-center">
			<div id="demo-pie-1" class="pie-title-center" data-percent="70"> <span class="pie-value"></span> </div>
			<h4>Html5</h4>
		</div>
		
		<div class="col-sm-4 abt-gd-left text-center">		   
			<div id="demo-pie-3" class="pie-title-center" data-percent="80"> <span class="pie-value"></span> </div>
			<h4>JavaScript</h4>
		</div>
		<div class="col-sm-4 abt-gd-left text-center">		   
			<div id="demo-pie-4" class="pie-title-center" data-percent="80"> <span class="pie-value"></span> </div>
			<h4>CSS</h4>
		</div>
		<div class="clearfix"></div>
</div>
		 </div>
	    <div class="col-md-6 education-w3l">
		     <h3 class="w3l_head three">工作经验</h3>
			  <div class="education-agile-grids">
				  <div class="education-agile-w3l">
				     <div class="education-agile-w3l-year">
					       <h4>2015.8 - 2021.3</h4>
						   <h6>北京大米未来科技有限公司（<a href="https://www.vipkid.com.cn/" target="_blank">VIPKID</a>）</h6>
				     </div>
					 <div class="education-agile-w3l-info">
					   <h4>JAVA 高级开发工程师</h4>
						<p><a href="https://www.vipkid.com/teach" target="_blank">北美老师招募</a>研发团队核心成员，主要负责系统服务化建设，从零到一构建招募服务体系，解决老师课表与学生课表时区问题，海外网络延迟问题，建立系统错误报告机制，完善系统单元测试覆盖。
                        </p>
                        <p>
                            <b>2015年</b> 入职VIPKID，参与服务拆分工作，将系统分为教师端、家长端、管理端、上课中心。我主要负责教师端服务迁移工作，并支持业务需求的开发，使用了SpringMVC和MyBaties框架。
                        </p>
                        <p>
                            <b>2016年</b> 教师端服务，根据业务迭代速度和复杂度，继续细分为老师端和老师招募端，同时建立老师端 SOA架构模式形成老师端业务的闭环，使用了SpringBoot框架，我参与招募端的服务化和编码规范端的制定。
                        </p>
                        <p>
                            <b>2017年</b> 建立招募端的SOA架构模式形成招募业务闭环，主要负责架构设计并主导实现，同年设计并开发了第一版Leads流转系统，仅支持招募阶段Leads的一个生命周期，解决了当时学生与老师供需不平衡的问题。
                        </p>
                        <p>
                            <b>2018年</b> 业务流程重构，负责重构招募流程流转的设计，使其可根据业务需求快速变更招募流程，同时使系统增加了灰度策略，建立了招募系统异常报告机制，完善系统健康报警策略，支持公司级别推动的微服务化架构Spiring Cloud， 招募体系服务拆分为5个，共计20台实例，全部接入SpringCloud、Hystrix、Eureka、Ribbon、自建网关、配置中心。
                        </p>
                        <p>
                            <b>2019年</b> 支持业务需求开发的同时，完善服务的单元测试，利用Docker作为中间件镜像运行容器，提高单元测试的效率和安全，同年支持公司级别推动的服务容器化，采用Docker作为容器、Kubernetes作为容器管理和工具, 容器化后，服务实例可根据业务情况快速调整服务实例数。
                        </p>
                        <p>
                            <b>2020年</b> 为招募体系设计了一套完整的Leads Follow系统，支持Leads从注册到转正整个生命周期的状态流转，同时为招募业务重新设计了招募环节成本最严重的模拟课，提前为业务完成了降本KPI。
                        </p>
                        <p><b>主要贡献：</b></p>
                        <ol>
                            <li>
                                <p>
                                    <b>基础建设：</b>项目编码规范的制定和落地，参数校验规范，异常等级规范及使用，异常日志报警策略，去中心化，招募服务迁库迁表，系统服务化等。
                                </p>
                            </li>
                            <li>
                                <p>
                                    <b>开发效率：</b>通过Swagger管理项目API，追踪项目单测覆盖达90%以上，保证系统稳定和质量，沉淀邮件发送、MyBatis、报警等工具包提升开发效率。
                                </p>
                            </li>
                            <li>
                                <p>
                                    <b>业务业绩：</b>多次作为项目重构/迁移的主要技术负责人，利用1v1 教室平台 设计老师面试课，模拟课，以及设计老师资料收集及审核等关键节点，重构老师侧老师的课表、招募流程流转设计，迁移招募相关逻辑，持续为老师侧提供230w+ 北美Leads，截止目前持续为老师侧保持10w+的正式北美老师。
                                </p>
                            </li>
                            <li>
                                <p>
                                    <b>成本优化重要项目： </b>
                                    <ul>
                                        <li>
                                            <p>
                                                <b>设计老师招募Follow Leads系统 ：</b> 通过DataBus监听到MySQL数据库的Binlog，以此打通系统跨库数据的拉齐，整合多个业务线数据，利用ES作为数据存储载体，提供高效的检索和查询服务，设计了Follow Leads的状态机，提高预测式外呼的高效率自动拨打电话，提高业务系统的使用体验和效率，使Follow业务团队需求从20人降为10人。
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                <b>模拟课降本优化方案：</b>传统的约课由于候选人爽约率居高不下，对成本对浪费十分严重，为解决该问题，设计了超约 + 时时匹配的方案，完成模拟课优化，达到爽约的零成本浪费，每年节约成本约$120w/年。
                                            </p>
                                        </li>
                                    </ul>
                                </p>
                            </li>
                        </ol>
				     </div>
				      <div class="clearfix"></div>
				  </div>
				  <div class="education-agile-w3l two">
				     <div class="education-agile-w3l-year">
					       <h4>2012.4 - 2015.8</h4>
						   <h6>杭州东忠集团（TOTYU）</h6>
				     </div>
					 <div class="education-agile-w3l-info">
					       <h4>技术负责人</h4>
						   <p>在杭州参与对日外包，因自研创新智能养老业务转调至北京，负责养老项目的设计和开发，搭建智能养老管理系统平台并在多个养老院完成实施。</p>
						  
				     </div>
				      <div class="clearfix"></div>
				  </div>
				  <div class="education-agile-w3l">
				     <div class="education-agile-w3l-year">
					       <h4>2011.4 - 2012.4</h4>
						   <h6>杭州弘慧科技有限公司</h6>
				     </div>
					 <div class="education-agile-w3l-info">
					       <h4>JAVA 开发工程师</h4>
						  	<p>负责设计开发网站CMS管理平台、基于该平台搭建政务信息网站，为
                            <a href="http://www.cdc.zj.cn/">浙江省疾控中心</a>、
                            <a href="http://www.hzcdc.net/">杭州市疾控中心</a>、
                            <a href="http://www.szcdc.net/">深圳市疾控中心</a>
                            等搭建了公共信息发布平台。</p>
						  
				     </div>
				      <div class="clearfix"></div>
				  </div>
				 
			  </div>
		</div>

		 <div class="clearfix"> </div>
		</div>
 <!-- //experience -->
 <!-- /gallery-->
	<div class="portfolio" id="gallery">
		<div class="container">
				<h3 class="w3l_head">My Gallery</h3>
			<p class="w3ls_head_para">See My Works</p>
				<div class="agileits_portfolio_grids">
				<div class="col-md-4 agileits_portfolio_grid">
					<div class="agileinfo_portfolio_grid hovereffect">
						<a class="cm-overlay" href="images/1.jpg">
							<img src="images/1.jpg" alt=" " class="img-responsive">
							<div class="overlay">
								<h4>Classy Resume</h4>
								
							</div>
						</a>
					</div>
					<div class="agileinfo_portfolio_grid hovereffect">
						<a class="cm-overlay" href="images/2.jpg">
							<img src="images/2.jpg" alt=" " class="img-responsive">
							<div class="overlay">
								<h4>Classy Resume</h4>
							
							</div>
						</a>
					</div>
					<div class="agileinfo_portfolio_grid hovereffect">
						<a class="cm-overlay" href="images/3.jpg">
							<img src="images/3.jpg" alt=" " class="img-responsive">
							<div class="overlay">
								<h4>Classy Resume</h4>
								
							</div>
						</a>
					</div>
				</div>
				<div class="col-md-4 agileits_portfolio_grid">
					<div class="agileinfo_portfolio_grid hovereffect">
						<a class="cm-overlay" href="images/4.jpg">
							<img src="images/4.jpg" alt=" " class="img-responsive">
							<div class="overlay">
								<h4>Classy Resume</h4>
								
							</div>
						</a>
					</div>
					<div class="agileinfo_portfolio_grid hovereffect">
						<a class="cm-overlay" href="images/5.jpg">
							<img src="images/5.jpg" alt=" " class="img-responsive">
							<div class="overlay">
								<h4>Classy Resume</h4>
								
							</div>
						</a>
					</div>
					<div class="agileinfo_portfolio_grid hovereffect">
						<a class="cm-overlay" href="images/6.jpg">
							<img src="images/6.jpg" alt=" " class="img-responsive">
							<div class="overlay">
								<h4>Classy Resume</h4>
								
							</div>
						</a>
					</div>
				</div>
				<div class="col-md-4 agileits_portfolio_grid">
					<div class="agileinfo_portfolio_grid hovereffect">
						<a class="cm-overlay" href="images/7.jpg">
							<img src="images/7.jpg" alt=" " class="img-responsive">
							<div class="overlay">
								<h4>Classy Resume</h4>
								
							</div>
						</a>
					</div>
					<div class="agileinfo_portfolio_grid hovereffect">
						<a class="cm-overlay" href="images/8.jpg">
							<img src="images/8.jpg" alt=" " class="img-responsive">
							<div class="overlay">
								<h4>Classy Resume</h4>
							
							</div>
						</a>
					</div>
					<div class="agileinfo_portfolio_grid hovereffect">
						<a class="cm-overlay" href="images/9.jpg">
							<img src="images/9.jpg" alt=" " class="img-responsive">
							<div class="overlay">
								<h4>Classy Resume</h4>
								
							</div>
						</a>
					</div>
				</div>

				<div class="clearfix"> </div>
			</div>

			
		</div>
	</div>
<!-- //gallery -->
<!--counter-->
<div id="counter" class="counter">
	<div class="container">
			<!--count-down -->
		<div class="count">
			<div class="col-md-3 agile_count_grid">
				<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
				
				<h5>CLIENTS</h5>
				
					<p class="counter">468</p> 
				
			</div>
			<div class="col-md-3 agile_count_grid">
				<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
				
				<h5>PROJECTS</h5>
				
					<p class="counter">168</p> 
				
			</div>
			<div class="col-md-3 agile_count_grid c3">
				<span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
				
				<h5>EXPERIENCE</h5>
				
					<p class="counter">12</p> 
				
			</div>
			<div class="col-md-3 agile_count_grid c4">
				
					<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
				
				<h5>LINES OF CODE</h5>
				
					<p class="counter">5008</p> 
				
				
				
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--counter-->
<!-- mail -->
	<div class="mail" id="mail">
		<div class="container">
			<h3 class="w3l_head w3l_head1">Contact Me</h3>
			<p class="w3ls_head_para w3ls_head_para1">send Me a message</p>
			<div class="w3_mail_grids">
				<form action="#" method="post">
					<div class="col-md-6 w3_agile_mail_grid">
						<span class="input input--ichiro">
							<input class="input__field input__field--ichiro" type="text" id="input-25" placeholder=" " required="">
							<label class="input__label input__label--ichiro" for="input-25">
								<span class="input__label-content input__label-content--ichiro">Your Name</span>
							</label>
						</span>
						<span class="input input--ichiro">
							<input class="input__field input__field--ichiro" type="email" id="input-26" placeholder=" " required="">
							<label class="input__label input__label--ichiro" for="input-26">
								<span class="input__label-content input__label-content--ichiro">Your Email</span>
							</label>
						</span>
						<span class="input input--ichiro">
							<input class="input__field input__field--ichiro" type="text" id="input-27" placeholder=" " required="">
							<label class="input__label input__label--ichiro" for="input-27">
								<span class="input__label-content input__label-content--ichiro">Your Phone Number</span>
							</label>
						</span>
						
					</div>
					<div class="col-md-6 w3_agile_mail_grid">
						<textarea name="Message" placeholder="Your Message" required=""></textarea>
						<input type="submit" value="Submit">
					</div>
					<div class="clearfix"> </div>
				</form>
			</div>
		</div>
	</div>
	
<!-- //mail -->
<!-- footer -->
	<div class="w3l_footer">
		<div class="container">
			
			<div class="w3ls_footer_grids">
				
				<div class="w3ls_footer_grid">
					<div class="col-md-4 w3ls_footer_grid_left">
						<div class="w3ls_footer_grid_leftl">
							<i class="fa fa-map-marker" aria-hidden="true"></i>
						</div>
						<div class="w3ls_footer_grid_leftr">
							<h4>Location</h4>
							<p>贵州省铜仁市碧江区</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 w3ls_footer_grid_left">
						<div class="w3ls_footer_grid_leftl">
							<i class="fa fa-envelope" aria-hidden="true"></i>
						</div>
						<div class="w3ls_footer_grid_leftr">
							<h4>Email</h4>
							<a href="mailto:zwlzwl376@126.com">zwlzwl376@126.com</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 w3ls_footer_grid_left">
						<div class="w3ls_footer_grid_leftl">
							<i class="fa fa-phone" aria-hidden="true"></i>
						</div>
						<div class="w3ls_footer_grid_leftr">
							<h4>Call Me</h4>
							<p>(+86）18510337285</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="w3l_footer_pos">
			<p>Copyright &copy; 2021.个人页面设计 All rights reserved. IPC备案号：
				<a href="https://beian.miit.gov.cn" target="_blank">黔ICP2021002091号</a>
			</p>
		</div>
	</div>
<!-- //footer -->
<script src="js/jquery-2.2.3.min.js"></script> 
<!-- skills -->
<script src="js/pie-chart.js" type="text/javascript"></script>
 <script type="text/javascript">

        $(document).ready(function () {
            $('#demo-pie-1').pieChart({
                barColor: '#44c7f4',
                trackColor: '#fff',
                lineCap: 'round',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-2').pieChart({
                barColor: '#44c7f4',
                trackColor: '#fff',
                lineCap: 'butt',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-3').pieChart({
                barColor: '#44c7f4',
                trackColor: '#fff',
                lineCap: 'square',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });
			
			$('#demo-pie-4').pieChart({
                barColor: '#44c7f4',
                trackColor: '#fff',
                lineCap: 'square',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });
        });
    </script>
<!-- skills -->	
						<script src="js/responsiveslides.min.js"></script>
							<script>
								// You can also use "$(window).load(function() {"
								$(function () {
								  // Slideshow 4
								  $("#slider3").responsiveSlides({
									auto: true,
									pager:true,
									nav:false,
									speed: 500,
									namespace: "callbacks",
									before: function () {
									  $('.events').append("<li>before event fired.</li>");
									},
									after: function () {
									  $('.events').append("<li>after event fired.</li>");
									}
								  });
							
								});
							 </script>
							 <!-- js -->
				<script src="js/jquery.tools.min.js"></script>
				<script src="js/jquery.mobile.custom.min.js"></script>
				<script src="js/jquery.cm-overlay.js"></script>
				<script>
					$(document).ready(function(){
						$('.cm-overlay').cmOverlay();
					});
				</script>
<!-- js files -->



<script src="js/bars.js"></script>

<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->

<!-- //js -->
	<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->
</body>
</html>